<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model</title>
    <script src="js/vuejs-2.5.16.js"></script>
</head>
<body>
            <div id="app">
                    <input type="radio" value="male" v-model="sex" > 男性
                    <input type="radio" value="female" v-model="sex"> 女性
                <br>
                  用户名<input type="text" v-model="username">
 <br>
                你选择的性别 {{sex}}   <br>
                用户名= {{username}}
                <br>
                <select v-model="xueli">
                     <option  value="gaozhong">高中</option>
                     <option value="dazhuan">大专</option>
                     <option value="benke">本科</option>
                </select>

             您的学历{{xueli}}
            </div>


              <script>

                  var vm = new Vue({

                      el:"#app",
                      data :{
                          sex:"female",  //  我们发现  标签中的 checked="checked" 失效
                          xueli:"dazhuan",   //  标签中初始化的  selected="selected"失效
                          username:'lisi@163.com'
                      }


                  })
              </script>

</body>
</html>